<template>
	<u-popup v-model="show" mode="center" width="638" height="865" :isScroll="false">
		<view class="vip-promote-content-container">
			<view class="main-title">
				您尚未开通会员
			</view>
			<view class="subtitle">
				开通会员即可继续咨询
			</view>
			<view class="describe">
				现在邀请好友也可获得<text class="focus">免费会员</text>权益
			</view>
			<view class="interest-list">
				<view class="interest-item">
					<view class="item-icon">
						<u-image
							src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/59791923-6970-40db-a1f5-7d30b5959c6e.png"
							width="100%" height="100%" border-radius="50%" />
					</view>
					<view class="item-label">
						免费在线咨询
					</view>
				</view>
				<view class="interest-item">
					<view class="item-icon">
						<u-image
							src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/3a73be5e-5bc4-4adc-bde6-205477a23c64.png"
							width="100%" height="100%" border-radius="50%" />
					</view>
					<view class="item-label">
						畅享十项服务
					</view>
				</view>
				<view class="interest-item">
					<view class="item-icon">
						<u-image
							src="https://vkceyugu.cdn.bspapp.com/VKCEYUGU-8acfaa58-aeb5-4502-8309-365d4c6cca4a/5b871930-db93-4497-99c2-32b18b90878e.png"
							width="100%" height="100%" border-radius="50%" />
					</view>
					<view class="item-label">
						尊享会员身份
					</view>
				</view>
			</view>
			<button class="vip-promote-btn invitation" @click="$u.route('/pages/promote/promote')">邀请好友，免费获得会员</button>
			<button class="vip-promote-btn topup" @click="$u.route('/pages/vip/vip')">￥365/开通年会员</button>
			<view class="close-btn" @click="show = false">
				<u-icon name="close" color="#ffffff" />
			</view>
		</view>
	</u-popup>
</template>

<script>
	export default {
		options: {
			styleIsolation: 'shared'
		},
		data() {
			return {
				show: false,
			}
		},
	}
</script>

<style scoped lang="scss">
	@import "./vipPromote.scss";
</style>
